{% extends "./component/_latout.html" %}

{% block content %}
<div class="wrapper wrapper-content animated fadeInRight">
    <!--网站概况-->
    <div class="row">
        <div class="col-sm-9">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>网站概况</h5>
                    <div class="ibox-tools">
                    </div>
                </div>
                <div class="ibox-content">
                  <div class="clearfix">
                    <div class="pull-left">
                        <i class="fa fa-file-text"></i>
                        <span class="nav-label m-l-xs">共发布<a tabname="所有文章" class="J_menuItem" href="/admin/article/list">{{ article.count }}篇文章</a></span>
                    </div>
                    <a class="btn btn-primary pull-right J_menuItem" tabname="写文章" href="/admin/article/new">发布新文章</a>
                  </div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>总访问数</h5>
                    <div class="ibox-tools">
                    </div>
                </div>
                <div class="ibox-content">
                    <h3 class="m-b-none">{{visitCount}}</h3>
                </div>
            </div>
        </div>
    </div>
    <!--/网站概况-->
    <!--文章与访客-->
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>最新发布</h5>
                    <div class="ibox-tools">
                    </div>
                </div>
                <div class="ibox-content">
                    {% for art in article.rows %}
                    <div class="row m-t-sm">
                      <div class="col-sm-5">
                        {{art.publish_time}}
                      </div>
                      <div class="col-sm-7 tx-r">
                        <a tabname="编辑文章 | {{art.title}}" class="J_menuItem" href="/admin/article/edit?articleId={{art.id}}">{{art.title}}</a>
                      </div>
                    </div>
                    {% else %}
                    <!--没有数据时的显示-->
                    <div class="no-data-container">
                      <i class="fa fa-frown-o"></i>
                      <span>您暂时还没有发布文章哦~</span>
                    </div>
                    <!--/没有数据时的显示-->
                    {% endfor %}
                </div>
            </div>
        </div>
        {# <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>最近访客</h5>
                    <div class="ibox-tools">
                    </div>
                </div>
                <div class="ibox-content">
                  <div class="row">
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                    <div class="col-sm-3 tx-c m-b">
                      <div class="img-container m-b-xs">
                        <img class="img-circle" src="http://ozwpnu2pa.bkt.clouddn.com/profile_small.jpg"  width="40" height="40">
                      </div>
                      姓名
                    </div>
                  </div>
                </div>
            </div>
        </div> #}
    </div>
    <!--/文章与访客-->
</div>
{% endblock %}
{% block script %}
{% endblock %} 
